{% extends 'index.html' %}

{% block panel %}
	<li><a href="/main/">Inicio</a></li>
	<li><a href="/about/">Acerca de</a></li>
	<li><a href="/contact/">Contáctanos</a></li>
	{% if tipo == 'voluntario' %}
	<li><p>{{obj.nombres}}</p></li>
	{% endif %}
	{% if tipo == 'puesto' %}
	<li><p>{{obj.proyecto.organizacion.nombre }}</p></li>
	{% endif %}
	<li><a href="/logout/">Cerrar sesión</a></li>
{% endblock %}

{% block principal %}
<div class="container-fluid">
	<div class="row-fluid">
		{% if tipo == 'voluntario' or tipo == 'empresa' %}
			<div class="span2">
				{% if tipo == 'voluntario' %}
					<img src="{{MEDIA_URL}}{{obj.foto}}" width="100px;"/>
					<h2>{{ obj.nombres }}, {{obj.apellidos}}</h2>
					<a href="/editarvoluntario/">Editar perfil</a>
				{% else %}
					empresa
				{% endif %}
			</div>
			<div class="span10">
				<h1>Empleos recomendados:</h1>
				{% if lista %}
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Descripci&oacute;n</th>
							</tr>
						</thead>
						<tbody>
							{% for empleo in lista %}
							<tr>
								<td><a href="/mispuestos/{{empleo.id}}">{{empleo.descripcion}}</a></td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				{% else %}
					<p>No se obtuvo ningun resultado.</p>
				{% endif %}
			
			<input value="Regresar" onClick="location.href='/main/'" type="button" class="btn btn-primary">
			</div>
		{% endif %}
		
		{% if tipo == 'puesto' %}
			<div class="span2">
				<h2>Proyecto</h2>
				<p><b>Organizacion:</b></h4>
				<p>{{ obj.proyecto.organizacion.nombre }}</p>
				<p><b>Descripcion:</b></p>
				<p>{{ obj.proyecto.descripcion }}</p>
				<p><b>Objetivos:</b></p>
				<p>{{ obj.proyecto.objetivos }}</p>
			</div>
			<div class="span10">
				<h1>Busquedas para puesto <u>{{obj.descripcion}}</u></h1>
				<br>
				<h2>Voluntarios recomendados:</h2>
				{% if lista %}
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Nombres</th>
								<th>Apellidos</th>
							</tr>
						</thead>
						<tbody>
							{% for voluntario in lista %}
							<tr>
								<td><a href="../voluntario/{{voluntario.user.id}}/">{{voluntario.nombres}}</a></td>
								<td>{{voluntario.apellidos}}</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				{% else %}
					<p>No se obtuvo ningun resultado.</p>
				{% endif %}
		
				<h2>Empresas recomendadas:</h2>
				{% if lista2 %}
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Nombre</th>
								<th>Representante</th>
							</tr>
						</thead>
						<tbody>
							{% for empresa in lista2 %}
							<tr>
								<td><a href="../empresa/{{empresa.user.id}}/">{{empresa.nombre}}</a></td>
								<td>{{empresa.nombre_representante}} {{empresa.apellido_representante}}</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				{% else %}
					<p>No se obtuvo ningun resultado.</p>
				{% endif %}
			{% if tipo == 'voluntario' %}
			<input value="Regresar" onClick="location.href='/main/'" type="button" class="btn btn-primary">
			{% endif %}
			{% if tipo == 'puesto' %}
			<input value="Regresar" onClick="location.href='..'" type="button" class="btn btn-primary">
			{% endif %}
			</div>
		{% endif %}
	</div>
</div>
{% endblock %}
